<%-- 
    Document   : producto
    Created on : 12/07/2014, 01:52:01 AM
    Author     : MilerIvan
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="_sub/_librerias.jsp" %>

<%@include file="_sub/_head.jsp" %> 
<%@include file="_sub/_menu.jsp" %>
<div id="page-wrapper">  
    <div class="row">
        <sj:tabbedpanel id="localtabs">
                        <sj:tab id="tab1" target="tone" label="Ingresar Producto"/>
                        <sj:tab id="tab2" target="ttwo" label="Listar Productos"/>
                        <sj:tab id="tab3" target="tree" label="Productos Mas Vendidos"/>
                        <div id="tone">
                            <div style=" color:red;font-weight: bolder; margin-left:10px" >
                                <s:actionerror></s:actionerror></div>
                                <div style=" color:green;font-weight: bolder">
                                <s:actionmessage></s:actionmessage></div>
                                <h1>Ingreso Productos</h1>
                            <s:form action="IngresarXML">

                                <sj:autocompleter label="Categoria" name="cat" listKey="%{cat_id}" list="%{listadoCat}" listValue="%{cat_descripcion}"/>


                                <s:textfield name="nom" label="Nombre Producto"></s:textfield>
                                <s:textfield name="descrip" label="Descripcion Producto"></s:textfield>
                                <s:textfield name="pre" label="Precio"></s:textfield>

                                <s:submit value="Guardar"></s:submit>

                                <s:reset value="Cancelar"></s:reset>
                            </s:form>


                        </div>
                        <div id="ttwo">
                            <h1>Listado Productos Activos </h1>
                            <div style="background-color:#ffff33; color:red;font-weight: bolder; margin-left:10px" >
                                <s:actionerror></s:actionerror></div>
                                <div style="background-color:#ffff33; color:green;font-weight: bolder">
                                <s:actionmessage></s:actionmessage></div>
                                <table>
                                    <thead>
                                        <tr>
                                            <th>ID</th>
                                            <th>NOMBRE</th>                                                                                                                  
                                            <th>PRECIO</th>
                                            <th>CATEGORIA</th>
                                        </tr>
                                    </thead>
                                    <!--ITERATOR RECORRE EL ARRAYLIST_-->  
                                    <!--PROPIEDAD VALUE=listadoAction-->                          
                                <s:iterator value="listadoProducto">
                                    <tr>
                                        <td><s:property value="pro_id"></s:property></td>
                                            <!--Se carga atributo.atributoClaseAsociada-->
                                            <td><s:property value="pro_nombre"></s:property></td>
                                        <td><s:property value="pro_precio"></s:property></td>
                                        <td><s:property value="Categoria.cat_descripcion"></s:property></td>


                                        </tr>
                                </s:iterator>
                            </table>
                        </div>
                        <div id="tree">    
                            <sjc:chart
                                id="charB"
                                cssStyle="width: 100%; height: 500px"
                                draggable="true"
                                autoResize="true">
                                <s:iterator value="chartProductosVendidos">
                                    <sjc:chartData
                                        id="idDataA"
                                        label="%{pro_nombre}"
                                        bars="{show:true,barWidth:1}"
                                        data="[[%{contador},%{cantidad}]]"></sjc:chartData>

                                </s:iterator>

                            </sjc:chart>

                        </div>

                    </div>

                </sj:tabbedpanel>
    </div>
    <!-- /.row -->

</div>
<%@include file="_sub/_footer.jsp" %>